تمام صفحات وب با نوعي از HTML ساخته مي شوند. لذا براي ايجاد وب سايت هاي پيشرفته يادگيري HTML ضروري مي باشد. در اين دوره آموزشي سعي شده است که با به کارگيري مثال هاي فراوان و دوري از هر گونه اضافه گوِيي در سريعترين زمان ممکن توانايي ايجاد صفحات وب بدون نياز به برنامه اي کمکي در شما ايجاد گردد.
مقدمه اي بر وب و HTML وب گسترده جهاني
وب گسترده جهاني(www , World Wide Web) که معمولا فقط وب گفته مي شود؛ شبکه اي است که تمام رايانه هاي متصل به آن را در سراسر جهان به هم وصل مي کند؛ و تمام رايانه ها در وب مي توانند با هم ارتباط داشته باشند.
www چگونه کار مي کند ؟
اطلاعات وب در فايلهايي به نام Web Page قرار مي گيرند که آنها نيز در رايانه هايي به نام Web Server قرار دارند و رايانه ها براي ديدن صفحات وب از استانداردي ارتباطي به نام HTTP (Hyper Text Transfer Protocol ) استفاده مي کنند. رايانه هاي متصل به وب اطلاعات موجود در Web Page ها را از طريق برنامه هايي با نام مرورگر وب (Web Browser) نشان مي دهند. معمولترين مرورگرها که مورد استفاده قرار مي گيرند Internet Explorer وNetscape Navigator مي باشند.
چگونه مرورگرها صفحات وب را نشان مي دهند ؟
همه صفحات وب شامل دستورالعمل هايي براي نمايش توسط مرورگر ها هستند، و مرورگر ها با خواندن اين دستورالعمل ها صفحات را نشان مي دهند. دستورالعمل هاي نمايش صفحات وب، برچسبهاي HTML
(Hyper Text Markup Language) ناميده مي شوند مانند:
<p>This is a paragraph.</p>
يک فايل HTML چيست ؟
يک فايل HTML فايل متني ساده اي شامل برچسب ها (Tag) مي باشد؛ که بهتر است پسوند html يا htm داشته باشد و مي تواند توسط يک ويرايشگر ساده متن مانند Notepad ساخته شود. براي بهتر روشن شدن مطلب بهتر است يک فايل HTML بسازيم. در Windows برنامه Notepad را اجرا کنيد و متن زير را بنويسيد :
اين فايل را با نام "Test.htm" ذخيره کنيد. حال مرورگر اينترنت خود را باز کرده و گزينه Open يا Open Page را از منوي File مرورگر انتخاب کنيد؛ يک جعبه محاوره اي باز خواهد شد، Browse يا ChooseFileرا انتخاب کنيد و فايل"Test.htm" که هم اکنون ساخته ايد را بيابيد، انتخابش کنيد و روي Open کليک کنيد. حال شما يک آدرس مانند:
"D:\My Documents\Test.htm" را در جعبه محاوره اي خواهيد ديد. روي OK کليک کنيد، مرورگر صفحه ساخته شده توسط شما را نشان مي دهد.
بدين ترتيب شما اولين صفحه HTML خود را بدون استفاده از برنامه هاي طراحي وب و فقط با يک ويرايشگر متن ساده ساختيد و نتيجه آن را نيز توسط مرورگر ديديد. حال بياييد کمي درباره صفحه اي که ساخته ايد صحبت کنيم :
اولين برچسب در فايل HTML شما <html> است. اين برچسب به مرورگر مي گويد که اين شروع يک فايل HTML است. آخرين برچسب در فايل شما </html> است. اين برچسب به مرورگر مي گويد که اين پايان يک فايل HTML است. نوشته هاي بين برچسب <head> و برچسب </head> اطلاعات سربرگ مي باشند و در پنجره مرورگر نمايش داده نمي شوند. متن بين برچسب <title> و برچسب </title> عنوان فايل مي باشد و در نوار عنوان مرورگر نمايش داده خواهد شد. متن بين <body> و </body> توسط مرورگر نشان داده خواهد شد. همچنين متن بين <b> و</b> به صورت پررنگ نمايش داده مي شود.
نکته اي درباره ويرايشگرهاي HTML :
شما مي توانيد صفحات HTML را با ويرايشگرهاي WYSIWYG (What You See Is What You Get) مانند: FrontPage و Claris Home Page و Adobe PageMill به جاي نوشتن برچسبهاي مورد نياز در يک فايل متني ساده؛ ويرايش نماييد. اما اگر مي خواهيد يک طراح حرفه اي صفحات وب شويد بهتر است از يک ويرايشگر ساده متن استفاده کنيد تا HTML را به خوبي درک کنيد و در مباحث پيشرفته به درستي و با تسلط از آن استفاده کنيد.
برچسبهاي HTML
برچسبها براي مشخص کردن عناصر فايل HTML استفاده مي شوند و توسط دو حرف < و > احاطه مي شوند. برچسبها معمولا به صورت جفت استفاده مي شوند مانند <b> و </b> ؛ برچسب اول، برچسب ابتدايي و برچسب دوم، برچسب انتهايي ناميده مي شود و متن بين آنها مندرجات عنصر مي باشد. برچسبها به بزرگي يا کوچکي حروف حساس نيستند مثلا <b> همانند <B> مي باشد اما ما در اين کتاب از حروف کوچک استفاده مي کنيم. اگر مي خواهيد خود را براي استفاده از نسل جديد HTML آماده کنيد شما نيز بهتر است از حروف کوچک استفاده کنيد. ضمنا اين پيشنهادي است که W3C (World Wide Web Consortium) براي استفاده از XHTML مي کند.
عناصر HTML
براي روشن شدن مفهوم عنصر به دو مثال زير بسنده مي کنيم:
خط زير يک عنصر است:
<b>This text is bold</b>
اين عنصر با برچسب ابتدايي <b> شروع شده و با برچسب انتهايي </b> پايان مي پذيرد و Thistext is bold نيز مندرجات عنصر است.
خطوط زير نيز مجموعا يک عنصر مي باشد که شروع آن با برچسب ابتدايي <body> و پايان آن با برچسب انتهايي </body> مي باشد.
<body>
This is my first homepage. <b>This text is bold</b>
</body>
مشخصه برچسب ها
برچسبها مي توانند داراي مشخصه (Attribute) باشند. مشخصه ها مي توانند اطلاعات بيشتري در باره عناصر HTML صفحه شما تدارک ببينند.
برچسب <body> عنصر بدنه صفحه شما را تعريف مي کند. با اضافه کردن مشخصه bgcolor شما مي توانيد به مرورگر بگوييد که رنگ پس زمينه شما مثلا قرمز باشد؛ مانند:
<body bgcolor="red">
برچسب <table> يک جدول ايجاد مي کند. با اضافه کردن مشخصه border مي توانيد به مرورگر بگوييد که مثلا جدول شما حاشيه ندارد؛ مانند:
<table border="0">
مشخصه ها همواره به شکل جفت نام و مقدار به کار مي روند: name="value" ؛ و همواره به برچسب ابتدايي اضافه مي شوند. در ضمن بهتر است که مقدار مشخصه ها بين علامتهاي نقل قول قرار گيرند.
ادامه دارد ......
ارسال مقاله توسط عضو محترم سايت با نام کاربري : davidfattahi
/س